<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Wireframe</title>
		<link rel="stylesheet" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css">
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css" type="text/css">
		<script type="text/javascript" language="javascript" src="./jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="./jquery/jquery.validate.min.js"></script>
		<script type="text/javascript" language="javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$("[rel='popover']").popover( { animation: true, placement: 'bottom', trigger: 'manual' } );
				$("#login").click(function() {
					$('#login').popover('toggle');
				});
				
				$(".recover-password-btn").live("click", function(){ window.location.href = "./recoverpassword.html" });

				$("#signup").validate({
  					rules: {
  						Email: "required email",
						ConfirmEmail: {
							equalTo: "#Email"
						},
						CreatePassword: "required",
						ConfirmPassword: {
							equalTo: "#CreatePassword"
						}
					}
				});
			});
		</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container" style="width: auto;">
					<div class="container">
						<ul class="nav pull-left">
							<li class="active">
								<a href="./index.html">Home</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="span12 ui-corner-all">
					<div class="well">
						<h1>Sign up</h1>
						<br/><br/>
						<form name="input" id="signup" action="./welcome.html" method="get">
						<label for="Email">E-mail Address:</label>
						<input type="text" name="Email" id="Email" />
						<label for="ConfirmEmail">Confirm E-mail Address:</label>
						<input type="text" name="ConfirmEmail" id="ConfirmEmail" />
						<label for="CreatePassword">Create a Password:</label>
						<input type="password" name="CreatePassword" id="CreatePassword" />
						<label for="ConfirmPassword">Confirm Password:</label>
						<input type="password" name="ConfirmPassword" id="ConfirmPassword" />
						<br/><br/>
						<input type="submit" value="Sign up" />
						<a href="index.html"><input type='submit' value='Cancel' /></a>
						</form>
						<br/>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>